<div class="jhwcqk">
  <nz-tabset (nzSelectChange)="tabsChange($event)" [nzSelectedIndex]="tabsIndex">
    <nz-tab nzTitle="派工单完成情况"></nz-tab>
    <nz-tab nzTitle="计划完成情况"></nz-tab>
  </nz-tabset>

  <form nz-form [nzLayout]="'inline'" [formGroup]="validateForm">
    <nz-form-item>
      <nz-form-label [nzSm]="8">车间</nz-form-label>
      <nz-form-control [nzSm]="16">
        <nz-select nzAllowClear [formControlName]="controlNames.cj" (ngModelChange)="cjChange($event)"
          style="width: 120px;">
          <nz-option *ngFor="let option of cjList" [nzLabel]="option.opName" [nzValue]="option.opValue">
          </nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="8">工区</nz-form-label>
      <nz-form-control [nzSm]="16">
        <nz-select nzAllowClear [formControlName]="controlNames.gq" style="width: 120px;">
          <nz-option *ngFor="let option of gqList" [nzLabel]="option.opName" [nzValue]="option.opValue">
          </nz-option>
        </nz-select>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="8">开始时间</nz-form-label>
      <nz-form-control [nzSm]="16">
        <nz-date-picker [formControlName]="controlNames.begindate" nzFormat="yyyy-MM-dd"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item>
      <nz-form-label [nzSm]="8">结束时间</nz-form-label>
      <nz-form-control [nzSm]="16">
        <nz-date-picker [formControlName]="controlNames.enddate" nzFormat="yyyy-MM-dd"></nz-date-picker>
      </nz-form-control>
    </nz-form-item>
    <nz-form-item style="margin-top:4px;">
      <button nz-button nzType="primary" (click)="setQueryDate('day')">本日</button>
      <button nz-button nzType="primary" (click)="setQueryDate('week')">本周</button>
      <button nz-button nzType="primary" (click)="setQueryDate('month')">本月</button>
    </nz-form-item>
    <nz-form-item>
      <nz-form-control [nzSm]="{ span: 15, offset: 3 }">
        <button nz-button nzType="primary" (click)="getStatistics()">查询</button>
      </nz-form-control>
    </nz-form-item>
  </form>

  <nz-skeleton [nzLoading]="loadingData" [nzActive]="true" style="background:#fff">
    <nz-table #nzTable nzSize="small" nzBordered [nzScroll]="lockHeadScroll" [(nzData)]="data"
      [nzShowPagination]="false" style="margin-top:10px">
      <thead>
        <tr>
          <th nzAlign="center">部门名称</th>
          <th nzAlign="center" nzWidth="20%">未完成条数</th>
          <th nzAlign="center" nzWidth="20%">完成条数</th>
          <th nzAlign="center" nzWidth="20%">总条数</th>
        </tr>
      </thead>
      <tbody>
        <ng-template ngFor let-data [ngForOf]="nzTable.data">
          <ng-template ngFor let-item [ngForOf]="expandDataCache[data.id]">
            <tr *ngIf="(item.parent&&item.parent.expand)||!(item.parent)">
              <td nzAlign="center" [nzIndentSize]="level*15" [nzShowExpand]="!!item.children" [(nzExpand)]="item.expand"
                (nzExpandChange)="collapse(expandDataCache[data.id],item,$event)">
                {{ item.text }}
              </td>
              <td nzAlign="center" (click)="clickExpand('0',item)">
                <span class="tolink">{{ item.wwc }}</span>
              </td>
              <td nzAlign="center" (click)="clickExpand('1',item)">
                <span class="tolink">{{ item.overs }}</span>
              </td>
              <td nzAlign="center" (click)="clickExpand('',item)"><span class="tolink">{{ item.sums }}</span> 条</td>
            </tr>
          </ng-template>
        </ng-template>
      </tbody>
    </nz-table>
  </nz-skeleton>
</div>

<nz-modal [(nzVisible)]="expandVisible" nzWidth="1800" [nzTitle]="expandTitle" (nzOnCancel)="expandOk()"
  (nzOnOk)="expandOk()">
  <nz-table title="jhwcqk" *ngIf="examStatus.jhwcqk" #jhwcqk [nzScroll]="lockHeadScroll2" nzSize="small"
    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false" [nzPageSize]="pageValue"
    [nzData]="examData.jhwcqk" nzBordered>
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="50px">颜色</th>
        <th nzAlign="center" nzWidth="60px">状态</th>
        <th nzAlign="center" nzWidth="80px">责任部门</th>
        <th nzAlign="center" nzWidth="80px">计划日期</th>
        <th nzAlign="center" nzWidth="60px">计划号</th>
        <th nzAlign="center" nzWidth="80px">登记站</th>
        <th nzAlign="center" nzWidth="100px">匹配系统站</th>
        <th nzAlign="center" nzWidth="80px">工区</th>
        <th nzAlign="center" nzWidth="80px">线别</th>
        <th nzAlign="center" nzWidth="80px">站/区段</th>
        <th nzAlign="center" nzWidth="60px">时间</th>
        <th nzAlign="center" nzWidth="60px">行别</th>
        <th nzAlign="center" nzWidth="50px">等级</th>
        <th nzAlign="center" nzWidth="120px">项目</th>
        <th nzAlign="center" nzWidth="80px">维修类型</th>
        <th nzAlign="center" nzWidth="80px">天窗类型</th>
        <th nzAlign="center" nzWidth="80px">施工里程</th>
        <th nzAlign="center">施工内容</th>
        <th nzAlign="center" nzWidth="100px">配合单位</th>
        <th nzAlign="center" nzWidth="80px">作业单位</th>
        <th nzAlign="center" nzWidth="80px">负责人</th>
        <th nzAlign="center" nzWidth="80px">审批领导</th>
        <th nzAlign="center" nzWidth="100px">审批意见</th>
        <th nzAlign="center" nzWidth="100px">备注</th>
        <th nzAlign="center" nzWidth="200px">派工单完成情况</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of jhwcqk.data;">
        <td nzAlign="center"><span [class]="statusFollow(item.VC_STATUS)"></span></td>
        <td nzAlign="center">{{item.STATUS}}</td>
        <td nzAlign="center">{{item.VC_CJORGQ == 0 ? '车间' : '工区'}} </td>
        <td nzAlign="center">{{item.DT_WORK$DAY | date:'yyyy-MM-dd'}}</td>
        <td nzAlign="center">{{item.N_ID}}</td>
        <td nzAlign="center">{{item.VC_DO$SECTION}}</td>
        <td nzAlign="center">{{item.STANAME}}</td>
        <td nzAlign="center">{{item.ORGNAME}}</td>
        <td nzAlign="center">{{item.VC_SG$ROUTE}}</td>
        <td nzAlign="center">{{item.VC_WORK$PLACE}}</td>
        <td nzAlign="center">{{item.VC_SKYWIN$STIME}}-{{item.VC_SKYWIN$ETIME}}</td>
        <td>{{item.VC_SG$DIRECTORYNAME}}</td>
        <td nzAlign="center">{{item.VC_LEVEL}}</td>
        <td>{{item.VC_TYPE}}</td>
        <td nzAlign="center">{{item.VC_SGDATATYPE}}</td>
        <td nzAlign="center">{{item.SKYWINNAME}}</td>
        <td>{{item.VC_SG$LENGTH}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_PROJECT}}</div>
        </td>
        <td nzAlign="center">{{item.VC_SG$WOKEHELP}}</td>
        <td nzAlign="center">{{item.VC_SG$DOUNIT}}</td>
        <td nzAlign="center">{{item.VC_WA$PERSON}}</td>
        <td nzAlign="center">{{item.VC_SP$PERSON}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_SP$NOTE}}</div>
        </td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_ORDER}}</div>
        </td>
        <td nzAlign="center">
          <div class="cmiddle" style="max-height:105px;" [innerHtml]="item.FINISH_DETAIL"></div>
        </td>
      </tr>
    </tbody>
  </nz-table>

  <nz-table title="pgdwcqk" *ngIf="examStatus.pgdwcqk" #pgdwcqk [nzScroll]="lockHeadScroll2" nzSize="small"
    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false" [nzPageSize]="pageValue"
    [nzData]="examData.pgdwcqk" nzBordered>
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="50px">颜色</th>
        <th nzAlign="center" nzWidth="60px">状态</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">工区</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">作业地点</th>
        <th nzAlign="center" nzWidth="90px" class="yellow">作业日期</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">日计划号</th>
        <th nzAlign="center" nzWidth="60px" class="yellow">级别</th>
        <th nzAlign="center" nzWidth="140px" class="yellow">作业项目及<br />工作内容</th>
        <th nzAlign="center" class="yellow">批复计划的工作内容<br />及作业影响范围</th>
        <th nzAlign="center" nzWidth="110px" class="yellow">天窗内作业时间</th>
        <th nzAlign="center" nzWidth="80px" class="green">天窗点外<br>作业时间</th>
        <th nzAlign="center" nzWidth="80px" class="green">作业人数</th>
        <th nzAlign="center" nzWidth="80px" class="green">工作小结<br>实际时间</th>
        <th nzAlign="center" nzWidth="80px" class="green">工作小结<br>完成情况</th>
        <th nzAlign="center" nzWidth="150px" class="green">工作小结遗留问题</th>
        <th nzAlign="center" nzWidth="80px" class="blue">负责人</th>
        <th nzAlign="center" nzWidth="80px" class="blue">车间审批<br>意见</th>
        <th nzAlign="center" nzWidth="80px" class="blue">车间审批<br>日期</th>
        <th nzAlign="center" nzWidth="80px" class="blue">把关人员</th>
        <th nzAlign="center" nzWidth="100px" class="blue">备注</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of pgdwcqk.data;index as i">
        <!--      1-->
        <td nzAlign="center">
          <span [class]="statusFollow(item.RWXVCSTATUS)"></span>
        </td>
        <!--      2-->
        <!-- 状态 -->
        <td nzAlign="center">{{item.RWXSTATUS}}</td>
        <!-- 工区 -->
        <!--      3-->
        <td nzAlign="center">{{item.RWXORGNAME}}</td>
        <!-- 作业地点 -->
        <!--      4-->
        <td nzAlign="center">{{item.RWXPLACE}}</td>
        <!-- 作业日期 -->
        <!--      5-->
        <td nzAlign="center">{{item.RWXWORKDAY|date:"yyyy-MM-dd"}}</td>
        <!-- 日计划号 -->
        <!--      6-->
        <td nzAlign="center">{{item.RWXID}}</td>
        <!-- 级别 -->
        <!--      7-->
        <td nzAlign="center">{{item.RWXLEVEL}}</td>
        <!-- 作业项目及工作内容 -->
        <!--      8-->
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.DAYPROJECT}}
          </div>
          <!-- <div class="cmiddle" style="max-height:105px;">{{item.RWXTYPE}}
        </div> -->
        </td>
        <!-- 批复计划的工作内容及作业影响范围 -->
        <!--      9-->
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.RWXPROJECT}}
          </div>
        </td>
        <!--天窗内作业时间  -->
        <!--      10-->
        <td nzAlign="center">
          {{item.RWXSTIME}}-{{item.RWXETIME}}<br>
          (<span class="text-md text-red-5">{{calcMinutes(item.RWXSTIME, item.RWXETIME)}}</span>分钟)
        </td>
        <!--      11-->
        <td nzAlign="center">
          {{ item.VC_SKYWIN$STIME && item.VC_SKYWIN$ETIME ?
          item.VC_SKYWIN$STIME + '-' + item.VC_SKYWIN$ETIME : '' }}
        </td>
        <td nzAlign="center">{{item.id}}</td>
        <td nzAlign="center">
          {{item.VC_WORK$STIME}}-
          {{item.VC_WORK$ETIME}}
        </td>
        <!--      27-->
        <td nzAlign="center">{{item.VC_FINISHEDORNOT == '1' ? '已完成' : '未完成'}}</td>
        <!--      28-->
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_UNFI$REASON}}</div>
        </td>
        <!--      29-->
        <td nzAlign="center">{{item.RWXWAPERSON}}</td>
        <td>{{item.VC_WS$APP$ADVICE}}</td>
        <!--          32-->
        <td>{{item.DT_WS$APP$DATE}}</td>
        <td>{{item.id}}</td>
        <!--      38-->
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_ORDER}}</div>
        </td>
      </tr>
    </tbody>
  </nz-table>

  <nz-table title="sgjhwcqk" *ngIf="examStatus.sgjhwcqk" #sgjhwcqk [nzScroll]="lockHeadScroll2" nzSize="small"
    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false" [nzPageSize]="pageValue"
    [nzData]="examData.sgjhwcqk" nzBordered>
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="50px">颜色</th>
        <th nzAlign="center" nzWidth="60px">状态</th>
        <th nzAlign="center" nzWidth="80px">责任部门</th>
        <th nzAlign="center" nzWidth="80px">计划日期</th>
        <th nzAlign="center" nzWidth="60px">计划号</th>
        <th nzAlign="center" nzWidth="80px">施工类型</th>
        <th nzAlign="center" nzWidth="80px">登记站</th>
        <th nzAlign="center" nzWidth="100px">匹配系统站</th>
        <th nzAlign="center" nzWidth="80px">工区</th>
        <th nzAlign="center" nzWidth="80px">线别</th>
        <th nzAlign="center" nzWidth="80px">站/区段</th>
        <th nzAlign="center" nzWidth="60px">时间</th>
        <th nzAlign="center" nzWidth="60px">行别</th>
        <th nzAlign="center" nzWidth="50px">等级</th>
        <th nzAlign="center" nzWidth="120px">项目</th>
        <th nzAlign="center" nzWidth="80px">维修类型</th>
        <th nzAlign="center" nzWidth="80px">天窗类型</th>
        <th nzAlign="center" nzWidth="80px">施工里程</th>
        <th nzAlign="center">施工内容</th>
        <th nzAlign="center" nzWidth="100px">配合单位</th>
        <th nzAlign="center" nzWidth="80px">作业单位</th>
        <th nzAlign="center" nzWidth="80px">负责人</th>

        <th nzAlign="center" nzWidth="80px">审批领导</th>
        <th nzAlign="center" nzWidth="100px">审批意见</th>
        <th nzAlign="center" nzWidth="100px">备注</th>
        <th nzAlign="center" nzWidth="200px">派工单完成情况</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of sgjhwcqk.data">
        <td nzAlign="center">
          <span [class]="statusFollow(item.VC_STATUS)"></span>
        </td>
        <td nzAlign="center">{{item.RWXSTATUS}}</td>
        <td nzAlign="center">{{item.VC_CJORGQ == 0 ? '车间' : '工区'}} </td>
        <td nzAlign="center">{{item.DT_WORK$DAY | date:'yyyy-MM-dd'}}</td>
        <td nzAlign="center">{{item.N_ID}}</td>
        <td>{{item.ISPH}}</td>
        <td nzAlign="center">{{item.VC_DO$SECTION}}</td>
        <td nzAlign="center">{{item.STANAME}}</td>
        <td nzAlign="center">{{item.ORGNAME}}</td>
        <td nzAlign="center">{{item.VC_SG$ROUTE}}</td>
        <td nzAlign="center">{{item.VC_WORK$PLACE}}</td>
        <td nzAlign="center">{{item.VC_SKYWIN$STIME}}-{{item.VC_SKYWIN$ETIME}}</td>
        <td>{{item.VC_SG$DIRECTORYNAME}}</td>
        <td nzAlign="center">{{item.VC_LEVEL}}</td>
        <td>{{item.VC_TYPE}}</td>
        <td nzAlign="center">{{item.VC_SGDATATYPE}}</td>
        <td nzAlign="center">{{item.SKYWINNAME}}</td>
        <td>{{item.VC_SG$LENGTH}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_PROJECT}}</div>
        </td>
        <td nzAlign="center">{{item.VC_SG$WOKEHELP}}</td>
        <td nzAlign="center">{{item.VC_SG$DOUNIT}}</td>
        <td nzAlign="center">{{item.VC_WA$PERSON}}</td>
        <td nzAlign="center">{{item.VC_SP$PERSON}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_SP$NOTE}}</div>
        </td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_ORDER}}</div>
        </td>
        <td nzAlign="center">
          <div class="cmiddle" style="max-height:105px;" [innerHtml]="item.FINISH_DETAIL"></div>
        </td>
      </tr>
    </tbody>
  </nz-table>

  <nz-table title="sgpgdwcqk" *ngIf="examStatus.sgpgdwcqk" #sgpgdwcqk [nzScroll]="lockHeadScroll2" nzSize="small"
    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false" [nzPageSize]="pageValue"
    [nzData]="examData.sgpgdwcqk" nzBordered>
    <thead>
      <tr>
        <th nzAlign="center" nzWidth="50px">颜色</th>
        <th nzAlign="center" nzWidth="60px">状态</th>

        <th nzAlign="center" nzWidth="80px" class="yellow">工区</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">作业地点</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">作业日期</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">日计划号</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">施工类型</th>

        <th nzAlign="center" nzWidth="60px" class="yellow">级别</th>
        <th nzAlign="center" nzWidth="140px" class="yellow">作业项目及<br />工作内容</th>
        <th nzAlign="center" class="yellow">批复计划的工作内容<br />及作业影响范围</th>
        <th nzAlign="center" nzWidth="80px" class="yellow">天窗内作<br>业时间</th>

        <th nzAlign="center" nzWidth="80px" class="green">天窗点外<br>作业时间</th>
        <th nzAlign="center" nzWidth="120px" class="green">工具、材料到达<br>现场的方式</th>
        <th nzAlign="center" nzWidth="120px" class="green">人员到达及<br>返回路线</th>
        <th nzAlign="center" nzWidth="80px" class="green">作业人数</th>
        <th nzAlign="center" nzWidth="300px" class="green">具体工作内容</th>
        <th nzAlign="center" nzWidth="80px" class="green">作业组长</th>
        <th nzAlign="center" nzWidth="80px" class="green">检修人</th>
        <th nzAlign="center" nzWidth="80px" class="green">互检人</th>
        <th nzAlign="center" nzWidth="100px" class="green">室内配合人</th>
        <th nzAlign="center" nzWidth="100px" class="green">室内防护员</th>
        <th nzAlign="center" nzWidth="100px" class="green">室外防护员</th>
        <th nzAlign="center" nzWidth="100px" class="green">关门防护员</th>
        <th nzAlign="center" nzWidth="140px" class="green">开通技术条件<br>或要求</th>
        <th nzAlign="center" nzWidth="140px" class="green">作业安全提示</th>
        <th nzAlign="center" nzWidth="140px" class="green">安全风险防控措施</th>
        <th nzAlign="center" nzWidth="80px" class="green">工作小结<br>实际时间</th>
        <th nzAlign="center" nzWidth="80px" class="green">工作小结<br>完成情况</th>
        <th nzAlign="center" nzWidth="150px" class="green">工作小结遗留问题</th>

        <th nzAlign="center" nzWidth="80px" class="blue">负责人</th>
        <th nzAlign="center" nzWidth="80px" class="blue">调度审核<br>人</th>
        <th nzAlign="center" nzWidth="140px" class="blue">调度审批意见</th>
        <th nzAlign="center" nzWidth="80px" class="blue">调度审批<br>日期</th>
        <th nzAlign="center" nzWidth="80px" class="blue">调度命令<br>号</th>
        <th nzAlign="center" nzWidth="80px" class="blue">把关人员</th>
        <th nzAlign="center" nzWidth="100px" class="blue">备注</th>
      </tr>
    </thead>
    <tbody>
      <tr *ngFor="let item of sgpgdwcqk.data;index as i">
        <td nzAlign="center">
          <span [class]="statusFollow(item.RWXVCSTATUS)"></span>
        </td>
        <!-- 状态 -->
        <td nzAlign="center">{{item.RWXSTATUS}}</td>
        <!-- 工区 -->
        <td nzAlign="center">{{item.RWXORGNAME}}</td>
        <!-- 作业地点 -->
        <td nzAlign="center">{{item.RWXPLACE}}</td>
        <!-- 作业日期 -->
        <td nzAlign="center">
          {{item.RWXWORKDAY|date:"yyyy-MM-dd"}}</td>
        <!-- 日计划号 -->
        <td nzAlign="center">{{item.RWXID}}</td>
        <!-- 施工类型 -->
        <td>{{item.ISPH}}</td>
        <!--级别  -->
        <td nzAlign="center">{{item.RWXLEVEL}}</td>
        <!--作业项目及工作内容  -->
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.RWXTYPE}}
          </div>
        </td>
        <!--批复计划的工作内容  -->
        <td>
          <div class="cmiddle" style="max-height:105px;">
            {{item.RWXPROJECT}}</div>
        </td>
        <!--天窗内作业时间  -->
        <td nzAlign="center">{{item.RWXSTIME}}-{{item.RWXETIME}}
        </td>
        <!-- 天窗点外作业时间  -->
        <td nzAlign="center">{{item.VC_SKYWIN$STIME + '-' + item.VC_SKYWIN$ETIME}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_TOOL}}</div>
        </td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_INOUTTYPE}}</div>
        </td>
        <td nzAlign="center">{{item.id}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_WORKORDER}}</div>
        </td>
        <td>{{item.VC_GROUP}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_TEAMMEN}}</div>
        </td>
        <td>{{item.id}}</td>
        <td>{{item.id}}</td>
        <td>{{item.VC_IN$SAFER}}</td>
        <td>{{item.VC_OUT$SAFER}}</td>
        <td>{{item.id}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_KTREQUIRE}}</div>
        </td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_DINGKONG$REQUIRE}}</div>
        </td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_RISK$CONTROL}}</div>
        </td>
        <td nzAlign="center">
          {{item.VC_WORK$STIME}}-
          {{item.VC_WORK$ETIME}}
        </td>
        <td nzAlign="center">{{item.VC_FINISHEDORNOT == '1' ? '已完成' : '未完成'}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_UNFI$REASON}}</div>
        </td>
        <td nzAlign="center">{{item.RWXWAPERSON}}</td>
        <td>{{item.VC_DDSP$PERSON}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_DDSP$NOTE}}</div>
        </td>
        <td nzAlign="center">{{item.DT_DDSPDATE | date:"yyyy-MM-dd"}}</td>
        <td>{{item.id}}</td>
        <td>{{item.id}}</td>
        <td>
          <div class="cmiddle" style="max-height:105px;">{{item.VC_ORDER}}</div>
        </td>
      </tr>
    </tbody>
  </nz-table>

  <div class="pageInation">
    <span style="float: left;margin:10px 0 0 0">
      <nz-pagination [nzPageSize]="selectedValue" [nzPageIndex]="pageIndex" [nzTotal]="rowTotal"
        (nzPageIndexChange)="rowChangeTable($event)"></nz-pagination>
    </span>
    <span style="float: left;margin:14px 0 0 5px">总共<span class="pageTotal">{{pageTotal}}</span>条 </span>
  </div>
  <div style="clear:both"></div>
</nz-modal>